<template>
  <div style="background-color: green;padding: 10px 20px;height: 6vh">
    <span style="background-color: yellow; font-size: 20px; line-height: 60px">车辆管理模块</span>
    <el-button type="primary" style="float: right;margin-top: 13px;">新建车辆</el-button>
  </div>
<!--  新增车辆弹窗-->
  <el-dialog :title="dialogTitle" v-model="dialogVisible"
             style="width: 1000px; background-color: yellow;padding: 40px;">
    <el-form label-position="top" >
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="车辆品牌">
            <el-input placeholder="请输入内容"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="车辆牌号">
            <el-input placeholder="请输入内容"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="车辆型号">
            <el-input placeholder="请输入内容"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="车辆识别码">
            <el-input placeholder="请输入内容"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="车辆排量">
            <el-input placeholder="请输入内容"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="车辆类型">
            <el-select placeholder="请选择"></el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="车身颜色">
            <el-select placeholder="请选择"></el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="里程数">
            <el-input placeholder="请输入内容"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="购买时间">
            <el-date-picker></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="上牌时间">
            <el-date-picker></el-date-picker>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="车辆品牌">
            <el-input placeholder="请输入内容"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="电池类型">
            <el-select placeholder="请选择" >

            </el-select>
          </el-form-item>
        </el-col>
      </el-row>




    </el-form>

  </el-dialog>










</template>
<script setup>



import {ref} from "vue";

const dialogVisible=ref(true);
const dialogTitle=ref("添加车辆列表");

</script>




<style scoped>

</style>